<template>
  <div>
    <div>
      <span>{{ arr.shopName }}</span
      ><button @click="addBtn">+</button><span>{{ arr.count }}</span
      ><button @click="redBtn">-</button>
    </div>
  </div>
</template>

<script>
export default {
  props: ["arr"],
  methods: {
    addBtn() {
      this.arr.count++;
    },
    redBtn() {
      this.arr.count ? this.arr.count-- : this.arr.count;
    },
  },
};
</script>

<style>
</style>